<!DOCTYPE html>
<html ng-app="BootApplication">

<head>
	<meta http-equiv="Content-Type" content="Wordpress themetext/html; charset=UTF-8">	
	<title>Personale AcquariumWeb</title>
	<!-- Behavioral Meta Data -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" type="image/png" href="img/small-logo-01.png">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,900,900italic,700italic,700,500italic,400italic,500,300italic,300' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
	<!-- Import plugin -->
	<jsp:include page="../core/head.jsp"></jsp:include>
</head>

<!-- CONTROLLER -->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/tank/controller/my-tank-ctrl.js"></script>
<!-- SERVICE -->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/tank/service/my-tank-srv.js"></script>

<body ng-controller="MyTankController">
	<session-timeout></session-timeout>

	<!-- TOP-BAR -->
	<jsp:include page="../core/top-bar.jsp"></jsp:include>
	
	<!-- HEADER -->
	<div id="wrapper-header">
		<div id="main-header" class="object">
			<div class="logo logoTitle logoPreTitle">{{'page.my.tank.pretitle' | translate}}</div>
			<div class="logo logoTitle">{{'page.my.tank.title' | translate}}</div>
	        <div id="main_tip_search"> 
				<form>
					<input type="text" name="search" id="tip_search_input" list="search" autocomplete=off required>
				</form>
			</div>
	    </div>
	</div>

	<!-- NAV-BAR -->
	<jsp:include page="../core/nav-bar.jsp"></jsp:include>
	
	<!-- PORTFOLIO -->
	<div id="wrapper-container">
   		<div class="container object">
			<div id="main-container-image">
				<section class="work">
					<div class="tab-type-view">
						<ul id="side-menu" class="nav nav-tabs">
							<li class="ng-isolate-scope active">
								<a href="#" data-toggle="tab" ng-click="activeFigure($event)" id="ref-figure" 
										title="{{'page.my.tank.tab.figure' | translate}}" class="ng-binding">
									<i class="fa fa-picture-o" aria-hidden="true"></i>
									{{'page.my.tank.tab.figure' | translate}}
								</a>
							</li>
							<li class="ng-isolate-scope">
								<a href="#" data-toggle="tab" ng-click="activeTable($event)" id="ref-list" 
										title="{{'page.my.tank.tab.list' | translate}}" class="ng-binding">
									<i class="fa fa-list" aria-hidden="true"></i>
									{{'page.my.tank.tab.list' | translate}}
								</a>
							</li>
						</ul>
					</div>
					
<!-- 					<div class="tab-filter"> -->
<!-- 						<div id="dropdown-scrollable-container" style="height: 15em; overflow: auto;"> -->
<!-- 							<div id="dropdown-long-content"> -->
<!-- 					        	<div id="dropdown-hidden-container"> -->
<!-- 					          		<div class="btn-group"> -->
<!-- 							            <button id="btn-filter-open" type="button" class="btn btn-secondary" ng-click="hideShowFilter()"  -->
<!-- 							            		title="{{'page.my.tank.filter.moreFilter' | translate}}"> -->
<!-- 							            	{{'page.my.tank.filter.moreFilter' | translate}} -->
<!-- 							           	</button> -->
<!-- 					          		</div> -->
<!-- 					        	</div> -->
<!-- 					      	</div> -->
<!-- 					    </div> -->
<!-- 					</div> -->
<!-- 					<div class="filter-content" ng-show="showFilter"> -->
<!-- 						<div class="col-md-12 sourceDiv"> -->
	
<!-- 							<div class="col-md-3"> -->
<!-- 								<label class="ng-binding">{{'page.my.tank.filter.nome' | translate}}</label> -->
<!-- 								<input type="text" ng-model="filtriAttivi.nome" placeholder="{{'page.my.tank.filter.ricercapernome' | translate}}"  -->
<!-- 										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style=""> -->
<!-- 							</div> -->
<!-- 						</div>				 -->
<!-- 						<div class="col-md-12 sourceDiv"> -->
<!-- 							<div class="col-md-3"> -->
<!-- 								<label class="ng-binding">{{'page.my.tank.filter.larghezza' | translate}}</label> -->
<!-- 								<input type="text" ng-model="filtriAttivi.larghezza" placeholder="{{'page.my.tank.filter.ricercaperlarghezza' | translate}}"  -->
<!-- 										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style=""> -->
<!-- 							</div> -->
<!-- 							<div class="col-md-3"> -->
<!-- 								<label class="ng-binding">{{'page.my.tank.filter.lunghezza' | translate}}</label> -->
<!-- 								<input type="text" ng-model="filtriAttivi.lunghezza" placeholder="{{'page.my.tank.filter.ricercaperlunghezza' | translate}}"  -->
<!-- 										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style=""> -->
<!-- 							</div> -->
<!-- 							<div class="col-md-3"> -->
<!-- 								<label class="ng-binding">{{'page.my.tank.filter.altezza' | translate}}</label> -->
<!-- 								<input type="text" ng-model="filtriAttivi.altezza" placeholder="{{'page.my.tank.filter.ricercaperaltezza' | translate}}"  -->
<!-- 										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style=""> -->
<!-- 							</div> -->
<!-- 							<div class="col-md-3"> -->
<!-- 								<label class="ng-binding">{{'page.my.tank.filter.capacita' | translate}}</label> -->
<!-- 								<input type="text" ng-model="filtriAttivi.capacita" placeholder="{{'page.my.tank.filter.ricercapercapacita' | translate}}"  -->
<!-- 										class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" style=""> -->
<!-- 							</div>		 -->
<!-- 						</div> -->
<!-- 						<div class="btn-group noAbs align-btn-center"> -->
<!-- 				            <button id="btn-filter-apply" type="button" class="ng-binding btn-primary" ng-click="activeFilter()"  -->
<!-- 				            		title="{{'page.my.tank.filter.btn.apply' | translate}}"> -->
<!-- 				            	{{'page.my.tank.filter.btn.apply' | translate}} -->
<!-- 				            </button> -->
<!-- 		          		</div> -->
<!-- 					</div> -->
					
					<div class="tab-content tab-tank">
						<loading-application ng-loading-visible="loadingVisibility" ng-loading-message="loadingMessage"></loading-application>
						<!-- SONO PRESENTI VASCHE -->
						<div ng-show="showTank && tankList.length>0" class="figureTableDiv">
						
							<!-- VISUALIZZAZIONE A FIGURE -->
							<div ng-show="showFigure" id="ref-figure" class="figureClass">
								<!-- FIGURE VIEW -->
								<figure class="white" ng-repeat="tank in tankList">
									<img ng-show="tank.urlImage!=null" src="<%=request.getContextPath()%>/{{tank.urlImage}}"/>
									<img ng-show="tank.urlImage==null" src="<%=request.getContextPath()%>/img/home/tank/box1-1.png"/>
									<dl>
										<div class="button" title="{{'page.my.tank.figure.delete' | translate}} {{tank.nome}}">
											<a href="#" ng-click="deleteTank( tank )"><i class='fa fa-trash'></i></a>
										</div>
										<dt>{{tank.nome}}</dt>
										<dd>{{tank.note}}</dd>
									</dl>
			                        <div id="{{tank.id}}" class="figure-name wrapper-part-info" ng-click="activeDetailTank($event, tank)" title="{{tank.nome}}">
			                           	<div class="part-info-image">{{'page.my.tank.figure.letter' | translate}}</div>
			                           	<div class="part-info">{{tank.nome}}</div>
									</div>
			                    </figure>
			                    <figure ng-show="addTank" class="addTank white">
			                    	<a href="#" data-toggle="tab" ng-click="activeNewTank($event)" id="ref-newTank" 
			                    			title="{{'page.my.tank.add.tank' | translate}}" class="ng-binding">
										<i class="fa fa-picture-o" aria-hidden="true"></i>
										{{'page.my.tank.add.tank' | translate}}
									</a>
			                    </figure>
			                    <div class="paginator">
			                    	<ul uib-pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" ng-change="pageChanged()" class="pagination-sm" boundary-link-numbers="true"
			                    			previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;">></ul>
			                    </div>
							</div>
						
							<!-- VISUALIZZAZIONE TABELLARE -->
							<div ng-show="showTable" id="ref-list" class="tableClass">
								<!-- TABLE VIEW -->
								<table ng-table="tableParams" ng-table-columns-binding="iScope.cols" template-pagination="{{ngTablePager}}" 
										class="table dataTable table-condensed table-bordered table-striped">
							    	<tr ng-if="params.settings().total" role="row" ng-repeat="row in $data track by row.id">
							    		<td data-title="tableHeader['id'			]" title-alt="'id'"					>{{row.id}}</td>
							    		<td data-title="tableHeader['nome'			]" title-alt="'nome'"				>{{row.nome}}</td>
							        	<td data-title="tableHeader['note'			]" title-alt="'note'"				>{{row.note}}</td>
							        	<td data-title="tableHeader['larghezza'		]" title-alt="'larghezza'"			>{{row.larghezza}}cm</td>
							        	<td data-title="tableHeader['lunghezza'		]" title-alt="'lunghezza'"			>{{row.lunghezza}}cm</td>
							        	<td data-title="tableHeader['altezza'		]" title-alt="'altezza'"			>{{row.altezza}}cm</td>
							        	<td data-title="tableHeader['capacita'		]" title-alt="'capacita'"			>{{row.capacita}}litri</td>
							        	<td data-title="tableHeader['opzioni'		]" title-alt="'opzioni'"			>
							        		<button type='button' class='btn-trasp' ng-click="activeDetailTank($event, row)" 
							        				title="{{'page.my.tank.table.detail' | translate}}">
		        								<i class='fa fa-pencil-square-o'></i>
		        							</button>
							        		<button type='button' class='btn-trasp' ng-click="deleteTank( row )" 
							        				title="{{'page.my.tank.table.delete' | translate}}">
		        								<i class='fa fa-trash'></i>
		        							</button>
							        	</td>
							        </tr>
							    </table>
							</div>
						</div>
						
						<!-- NON SONO PRESENTI VASCHE -->
						<div ng-show="showTank && tankList.length==0" class="noValue figureTableDiv">
							<div id="ref-empty-figure" class="figureClass">
								<figure ng-show="addTank" class="addTank white">
			                    	<a href="#" data-toggle="tab" ng-click="activeNewTank($event)" 
			                    			title="{{'page.my.tank.add.tank' | translate}}" class="ng-binding">
										<i class="fa fa-picture-o" aria-hidden="true"></i>
										{{'page.my.tank.add.tank' | translate}}
									</a>
			                    </figure>
							</div>
						</div> 
						
						<!-- VISUALIZZAZIONE NUOVA VASCA -->
						<div ng-show="showNewTank" id="ref-newTank" class="newTankClass">
							<!-- NEW TANK VIEW -->
							<ul class="wizard">
								<li ng-class="{'active' : tabActiveStep1 }" class="step-widward"><span class="wizard-number">1</span><span class="wizard-label">Impostazioni</span></li>
								<li ng-class="{'active' : tabActiveStep2 }" class="step-widward"><span class="wizard-number">2</span><span class="wizard-label">Avvisi</span></li><!-- class="completed" -->
								<li ng-class="{'active' : tabActiveStep3 }" class="step-widward"><span class="wizard-number">3</span><span class="wizard-label">Riassunto</span></li> <!-- class="active" -->
							</ul>
							<div id="step1" ng-show="activeStep1">
								<!-- STEP 1 - IMPOSTAZIONI -->
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">*{{'page.my.tank.new.nome' | translate}}</label>
										<input type="text" ng-model="tankModel.nome" placeholder="{{'page.my.tank.new.inseriscinome' | translate}}" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>
								</div>
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">*{{'page.my.tank.new.larghezza' | translate}}</label>
										<input type="text" ng-model="tankModel.larghezza" placeholder="{{'page.my.tank.new.inseriscilarghezza' | translate}}" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" ng-change="calculateCapacity()">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">*{{'page.my.tank.new.lunghezza' | translate}}</label>
										<input type="text" ng-model="tankModel.lunghezza" placeholder="{{'page.my.tank.new.inseriscilunghezza' | translate}}" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" ng-change="calculateCapacity()">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">*{{'page.my.tank.new.altezza' | translate}}</label>
										<input type="text" ng-model="tankModel.altezza" placeholder="{{'page.my.tank.new.inseriscialtezza' | translate}}" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false" ng-change="calculateCapacity()">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">{{'page.my.tank.new.capacita' | translate}}</label>
										<input type="text" ng-model="tankModel.capacita" placeholder="{{'page.my.tank.new.inseriscicapacita' | translate}}" disabled
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>		
								</div>
								
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">PhMin</label>
										<input type="text" ng-model="tankModel.phMin" placeholder="PhMin" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">PhMax</label>
										<input type="text" ng-model="tankModel.phMax" placeholder="PhMax" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">GhMin</label>
										<input type="text" ng-model="tankModel.ghMin" placeholder="GhMin" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">GhMax</label>
										<input type="text" ng-model="tankModel.ghMax" placeholder="GhMax"
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>		
								</div>
								
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">KhMin</label>
										<input type="text" ng-model="tankModel.khMin" placeholder="KhMin" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">KhMax</label>
										<input type="text" ng-model="tankModel.khMax" placeholder="KhMax"
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">TemperatureMin</label>
										<input type="text" ng-model="tankModel.temperatureMin" placeholder="TemperatureMin" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>
									<div class="col-md-3">
										<label class="ng-binding">TemperatureMax</label>
										<input type="text" ng-model="tankModel.temperatureMax" placeholder="TemperatureMax" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched" aria-invalid="false">
									</div>		
								</div>
								
								<div class="col-md-12 sourceDiv">
									<div class="col-md-12">
										<label class="ng-binding">{{'page.my.tank.new.note' | translate}}</label>
										<textarea ng-model="tankModel.note" placeholder="{{'page.my.tank.new.inseriscinote' | translate}}" required 
												class="form-control ng-pristine ng-valid ng-empty ng-touched"></textarea>
									</div>
								</div>
								<div class="btn-group noAbs align-btn-center">
						            <button type="button" class="ng-binding btn-primary" ng-click="goToNextStep($event, 2)" 
						            		title="{{'page.my.tank.new.btn.goToNextStep' | translate}}">{{'page.my.tank.new.btn.goToNextStep' | translate}}</button>
						            <button type="button" class="ng-binding btn-primary" ng-click="goToPrevStep($event, 1)" class="disabled"
						            		title="{{'page.my.tank.new.btn.goToPrevStep' | translate}}">{{'page.my.tank.new.btn.goToPrevStep' | translate}}</button>
						            <button id="btn-new-cancel" type="button" class="ng-binding btn-primary" ng-click="deactiveNewTank($event)" 
						            		title="{{'page.my.tank.new.btn.annulla' | translate}}">{{'page.my.tank.new.btn.annulla' | translate}}</button>
				          		</div>
							</div>
							<div id="step2" ng-show="activeStep2">
								<!-- STEP 2 - EVENTI -->
								<div class="col-md-12 sourceDiv">
									<div class="col-md-4"ng-repeat="tankType in tankTypes">
										<label class="ng-binding">{{tankType.nome}}</label>
										<input type="checkbox" ng-model="tankType.selected" ng-true-value="true" ng-false-value="false">
									</div>
								</div>
								<div class="btn-group noAbs align-btn-center">
						            <button type="button" class="ng-binding btn-primary" ng-click="goToNextStep($event, 3)" 
						            		title="{{'page.my.tank.new.btn.goToNextStep' | translate}}">{{'page.my.tank.new.btn.goToNextStep' | translate}}</button>
						            <button type="button" class="ng-binding btn-primary" ng-click="goToPrevStep($event, 1)"
						            		title="{{'page.my.tank.new.btn.goToPrevStep' | translate}}">{{'page.my.tank.new.btn.goToPrevStep' | translate}}</button>
						            <button id="btn-new-cancel" type="button" class="ng-binding btn-primary" ng-click="deactiveNewTank($event)" 
						            		title="{{'page.my.tank.new.btn.annulla' | translate}}">{{'page.my.tank.new.btn.annulla' | translate}}</button>
				          		</div>
							</div>
							<div id="step3" ng-show="activeStep3" style="padding: 20px;">	
								<!-- STEP 3 - RIASSUNTO -->
								<div class="tank-resume">
									<div class="col-md-12 sourceDiv">
										<h3>Impostazioni</h3>
									</div>
									<div class="col-md-12 sourceDiv">
										<div class="col-md-3">
											<label class="ng-binding">{{'page.my.tank.new.nome' | translate}}:</label>
											<span>{{tankModel.nome}}</span>
										</div>
									</div>
									<div class="col-md-12 sourceDiv">
										<div class="col-md-3">
											<label class="ng-binding">{{'page.my.tank.new.larghezza' | translate}}:</label>
											<span>{{tankModel.larghezza}} cm</span>
										</div>
										<div class="col-md-3">
											<label class="ng-binding">{{'page.my.tank.new.lunghezza' | translate}}:</label>
											<span>{{tankModel.lunghezza}} cm</span>
										</div>
										<div class="col-md-3">
											<label class="ng-binding">{{'page.my.tank.new.altezza' | translate}}:</label>
											<span>{{tankModel.altezza}} cm</span>
										</div>
										<div class="col-md-3">
											<label class="ng-binding">{{'page.my.tank.new.capacita' | translate}}:</label>
											<span>{{tankModel.capacita}} litri</span>
										</div>		
									</div>
									<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">PhMin:</label>
										<span>{{tankModel.phMin}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">PhMax:</label>
										<span>{{tankModel.phMax}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">GhMin:</label>
										<span>{{tankModel.ghMin}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">GhMax:</label>
										<span>{{tankModel.ghMax}}</span>
									</div>		
								</div>
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">KhMin:</label>
										<span>{{tankModel.khMin}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">KhMax:</label>
										<span>{{tankModel.khMax}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">TemperatureMin:</label>
										<span>{{tankModel.temperatureMin}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">TemperatureMax:</label>
										<span>{{tankModel.temperatureMax}}</span>
									</div>		
								</div>
									<div class="col-md-12 sourceDiv">
										<div class="col-md-12">
											<label class="ng-binding">{{'page.my.tank.new.note' | translate}}:</label>
											<span>{{tankModel.note}}</span>
										</div>
									</div>
									<div class="col-md-12 sourceDiv">
										<h3>Elenco avvisi</h3>
									</div>
									<div class="col-md-12 sourceDiv">
										<div class="col-md-4"ng-repeat="tankType in tankTypes">
											<label class="ng-binding">{{tankType.nome}}</label>
											<span>{{tankType.selected ? 'Si': 'No'}}</span>
										</div>
									</div>
								</div>
								<div class="btn-group noAbs align-btn-center">
									<button id="btn-new-save" type="button" class="ng-binding btn-primary" ng-click="saveTank($event)" 
						            		title="{{'page.my.tank.new.btn.save' | translate}}">{{'page.my.tank.new.btn.save' | translate}}</button>
						            <button type="button" class="ng-binding btn-primary" ng-click="goToNextStep($event, 4)"
						            		title="{{'page.my.tank.new.btn.goToNextStep' | translate}}" disabled>{{'page.my.tank.new.btn.goToNextStep' | translate}}</button>
						            <button type="button" class="ng-binding btn-primary" ng-click="goToPrevStep($event, 2)" 
						            		title="{{'page.my.tank.new.btn.goToPrevStep' | translate}}">{{'page.my.tank.new.btn.goToPrevStep' | translate}}</button>
						            <button id="btn-new-cancel" type="button" class="ng-binding btn-primary" ng-click="deactiveNewTank($event)" 
						            		title="{{'page.my.tank.new.btn.annulla' | translate}}">{{'page.my.tank.new.btn.annulla' | translate}}</button>
				          		</div>	
								
							</div>
							
						</div>
						
						<!-- VISUALIZZAZIONE DETTAGLIO VASCA -->
						<div ng-show="showDetailTank" id="ref-detailTank" class="detailTankClass">
							<!-- DETAIL TANK VIEW -->
							<div class="tank-resume">
								<div class="col-md-12 sourceDiv">
									<h3>Impostazioni</h3>
								</div>
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">{{'page.my.tank.new.nome' | translate}}:</label>
										<span>{{tankModel.nome}}</span>
									</div>
								</div>
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">{{'page.my.tank.new.larghezza' | translate}}:</label>
										<span>{{tankModel.larghezza}} cm</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">{{'page.my.tank.new.lunghezza' | translate}}:</label>
										<span>{{tankModel.lunghezza}} cm</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">{{'page.my.tank.new.altezza' | translate}}:</label>
										<span>{{tankModel.altezza}} cm</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">{{'page.my.tank.new.capacita' | translate}}:</label>
										<span>{{tankModel.capacita}} litri</span>
									</div>		
								</div>
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">PhMin:</label>
										<span>{{tankModel.phMin}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">PhMax:</label>
										<span>{{tankModel.phMax}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">GhMin:</label>
										<span>{{tankModel.ghMin}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">GhMax:</label>
										<span>{{tankModel.ghMax}}</span>
									</div>		
								</div>
								<div class="col-md-12 sourceDiv">
									<div class="col-md-3">
										<label class="ng-binding">KhMin:</label>
										<span>{{tankModel.khMin}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">KhMax:</label>
										<span>{{tankModel.khMax}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">TemperatureMin:</label>
										<span>{{tankModel.temperatureMin}}</span>
									</div>
									<div class="col-md-3">
										<label class="ng-binding">TemperatureMax:</label>
										<span>{{tankModel.temperatureMax}}</span>
									</div>		
								</div>
								<div class="col-md-12 sourceDiv">
									<div class="col-md-12">
										<label class="ng-binding">{{'page.my.tank.new.note' | translate}}:</label>
										<span>{{tankModel.note}}</span>
									</div>
								</div>
								<div class="col-md-12 sourceDiv">
									<h3>Elenco avvisi</h3>
								</div>
								<div class="col-md-12 sourceDiv">
									<div class="col-md-4"ng-repeat="tankType in tankModel.tankTypes">
										<label class="ng-binding">{{tankType.nome}}</label>
										<span>{{tankType.selected ? 'Si': 'No'}}</span>
									</div>
								</div>
							</div>
							<div class="btn-group noAbs align-btn-center">
								<button id="btn-detail-save" type="button" class="ng-binding btn-primary" ng-click="modifyTank($event)" 
					            		title="{{'page.my.tank.detail.btn.modify' | translate}}">{{'page.my.tank.detail.btn.modify' | translate}}</button>
					            <button id="btn-detail-cancel" type="button" class="ng-binding btn-primary" ng-click="deactiveDetailTank($event)" 
					            		title="{{'page.my.tank.detail.btn.cancel' | translate}}">{{'page.my.tank.detail.btn.cancel' | translate}}</button>
					            <button id="btn-detail-delete" type="button" class="ng-binding btn-primary" ng-click="deleteTank( tankModel )" 
					            		title="{{'page.my.tank.detail.btn.delete' | translate}}">{{'page.my.tank.detail.btn.delete' | translate}}</button>
			          		</div>
						</div>
				</section>
			</div>	
		</div>
            
		<div id="wrapper-thank">
	    	<div class="thank">
	        	<div class="thank-text">{{'page.my.tank.title.one' | translate}}<span style="letter-spacing:-5px;">-</span>{{'page.my.tank.title.two' | translate}}</div>
	    	</div>
		</div>
	    
		<!-- MAIN-CONTAINER-FOOTER -->
		<jsp:include page="../core/main-container-footer.jsp"></jsp:include>
    
    	<!-- WRAPPER-COPYRIGHT -->
	    <jsp:include page="../core/wrapper-copyright.jsp"></jsp:include>
	</div>

	<!-- SCRIPT -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.scrollTo.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.localScroll.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-animate-css-rotate-scale.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/fastclick.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.animate-colors-min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.animate-shadow-min.js"></script>    
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/main.js"></script>
</body>
</html>
